.index-news{background: #bf2e2e;}
.index-toutiao{position: relative;}
.index-toutiao .tt{text-align: center; font-size: 2.25em; font-weight: bold; color: #FFEDDE;/* max-width: 80%;*/ margin-left: auto; margin-right: auto;}
.index-toutiao .tt a{color: #FFEDDE;}
.index-toutiao ul{text-align: center; padding-left: 68px; padding-right: 68px;}
.index-toutiao ul li{display: inline-block; max-width: 32%; color: rgba(255,255,255,0.6);}
.index-toutiao ul li a{color: rgba(255,255,255,0.6); transition: .3s all;}
.index-toutiao ul li a:hover{color: #fff;}
.index-toutiao ul li h3{font-size: 1em; font-weight: normal;}
.index-toutiao ul li + li h3{margin-left: 14px; position: relative; padding-left: 15px;}
.index-toutiao ul li + li h3:before{position: absolute; left: 0; top: 50%; margin-top: -7px; content:''; width: 1px; height:16px; background: #fff; opacity: .6;}
.index-toutiao .more{position: absolute; right: 0; bottom: 4px; font-size: 1.125em; color: #fff;}

.index-tpxw .swiper-slide .imgratio{padding-top: 58.187%;}
.index-tpxw .swiper-slide .txt{height: 117px; padding: 23px 30px 0; background: linear-gradient(90deg, rgba(240, 164, 137, 1) 0%, rgba(242, 171, 116, 1) 100%); box-sizing: border-box; text-align: center;}
.index-tpxw .swiper-slide .txt a{color: #fff; font-size: 1.5em;}
.index-tpxw .swiper-pagination{bottom: 30px !important;}
.index-tpxw .swiper-pagination span{width: 10px; height: 10px; background: #FFD7B8; opacity: 1; margin: 0 4px;}
.index-tpxw .swiper-pagination span.swiper-pagination-bullet-active{background: #C44427;}

.index-zwyw{margin-left: 30px; margin-right: 30px; padding-top: 30px;}
.index-zwyw .infolist-yaowen{border-bottom: 1px solid #CFBEBE;}

.index-ytddzc-piclist li .imgratio{padding-top: 56.82%; border-radius: 5px 5px 0 0;}
.index-ytddzc-piclist li .txt{padding: 20px; height: 98px; box-sizing: border-box; text-align: center; background: #fff; line-height: 1.5; font-size: 1.125em; box-shadow: 0px 2px 17px  rgba(179, 179, 179, 0.28);}

.index-zwgk-swiper{height: 136px; background: #fff; box-shadow: 0px 2px 28px  rgba(179, 179, 179, 0.15);}
.index-zwgk-swiper .swiper-slide a{display: block; height:136px; box-sizing: border-box; border: 1px transparent solid; transition: .3s all;}
.index-zwgk-swiper .swiper-slide .icon{display: block; padding-top: 25px;}
.index-zwgk-swiper .swiper-slide .icon img{display: block; height: 69px; margin: 0 auto;}
.index-zwgk-swiper .swiper-slide a:hover{border-radius: 4px; color: #333;
  background: linear-gradient(180deg, rgba(255, 244, 235, 1) 0%, rgba(255, 255, 255, 1) 100%);
  border: 1px solid rgba(242, 224, 216, 1);
  box-shadow: 0px 10px 25px  rgba(245, 171, 144, 0.2);}
.index-zwgk-swiper .swiper-slide a .txt{font-size: 1.125em; display: block; text-align: center; margin-top: -2px;}

/* 政务服务 */
.index-zwfww{border-radius: 5px;}
.index-zwfww img{display: block; width: 100%; height: 403px;}
.index-ggfw{padding:20px 25px 25px;}
.index-ggfw-panel{background-color: #FFF9F5; padding:20px 30px; background-repeat: no-repeat; background-position: right bottom; background-size: 100% 100%; height: 278px; box-sizing: border-box;}
.index-ggfw-panel .title{font-size: 1.5em; font-weight: bold;}
.index-ggfw-panel.grfw{background-image: url(../images/index/ggfw_bg_grfw.png);}
.index-ggfw-panel.frfw{background-image: url(../images/index/ggfw_bg_frfw.png);}

/* 政民互动 */
.index-zxft-tt{height: 164px; position: relative;}
.index-zxft-tt .pic{position: absolute; left: 0; top: 0; width: 290px;}
.index-zxft-tt .pic img{display: block; width: 100%; height: 100%;}
.index-zxft-tt .txt{margin-left: 290px; height: 162px; box-sizing: border-box; padding: 20px; border: 1px solid #E0A080;  background: url(../images/index/zxft_bg.png) no-repeat #fff ; background-size: 100% 100%;}
.index-zxft-tt .txt .time{display: block; color: #C43027;}
.index-zxft-tt .txt .tit{font-size: 1.25em;}
.index-zxft-tt .txt .ftjb{line-height: 22px; color: #808080;}
.index-zxft-tt .txt .ftjb span{color: #C43027;}

.index-zmhd-iconmenu{clear: both;}
.index-zmhd-iconmenu li a{display: flex; align-items: center; height: 88px; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 5px;}
.index-zmhd-iconmenu li.znwd a{background-image: url(../images/index/znwd_btn.png); color: #8C4D1C;}
.index-zmhd-iconmenu li.rx12345 a{background-image: url(../images/index/rx12345_btn.png); color: #8C341C;}
.index-zmhd-iconmenu li a span{display: block; margin-left: 35px; font-size:1.25em; line-height: 1.3; background-repeat: no-repeat; background-size: 26px; background-position: right center; padding-right: 46px;}
.index-zmhd-iconmenu li.znwd a span{background-image: url(../images/index/znwd_arrow.png);}
.index-zmhd-iconmenu li.rx12345 a span{background-image: url(../images/index/rx12345_arrow.png);}

/* 投资白云 */
.index-tzzj{padding: 20px 30px 30px;}
.index-tzby-iconmenu li .box{height: 132px; position: relative;}
.index-tzby-iconmenu li .icon{position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.index-tzby-iconmenu li .icon img{display: block; height: 66px;}
.index-tzby-iconmenu li .txt{display: block; margin-left: 38px; padding-top: 40px; position: relative; z-index: 2;}
.index-tzby-iconmenu li .txt b{font-weight: normal; font-size: 1.5em; display: block;}
.index-tzby-iconmenu li .txt em{font-style: normal; text-transform: uppercase;}
.index-tzby-iconmenu li.li1 .box{background: linear-gradient(137.03deg, rgba(245, 212, 191, 1) 0%, rgba(247, 227, 215, 0) 100%); color: #C26C36;}
.index-tzby-iconmenu li.li2 .box{background: linear-gradient(135deg, rgba(255, 218, 179, 1) 0%, rgba(240, 217, 163, 0) 100%); color: #B5853E;}
.index-tzby-iconmenu li.li3 .box{background: linear-gradient(136.93deg, rgba(255, 228, 219, 1) 0%, rgba(247, 217, 215, 0) 100%); color: #CF4646;}
.index-tzby-iconmenu li.li4 .box{background: linear-gradient(137.03deg, rgba(245, 212, 191, 1) 0%, rgba(247, 227, 215, 0) 100%); color: #C26C36;}

/* 走进白云 */
.index-zjby-scroll{height: 294px; overflow: hidden;}
.index-zjby-scroll:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 20%; background: linear-gradient(0, #fff 0%, transparent 100%); z-index: 10;}
.index-zjby-scroll ul li{position: relative; padding-bottom: 30px;}
.index-zjby-scroll ul li .box{padding-left: 30px; position: relative;}
.index-zjby-scroll ul li:before{content: ''; background: #FFD3D1; width: 1px; position: absolute; top: 0; bottom: 0; left: 9px;}
.index-zjby-scroll ul li .box i{position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; transition: .3s all;background: #FFD3D1;}
.index-zjby-scroll ul li .box i:after{content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: url(../images/icon_sz.png) no-repeat 4px 3px #C72C24; background-size: 3px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: .3s all;}
.index-zjby-scroll ul li .attr{margin-bottom: 10px;}
.index-zjby-scroll ul li .attr .status{color: #C43027;}
.index-zjby-scroll ul li .attr .time{color: #808080; margin-left: 20px;}
.index-zjby-scroll ul li .attr .tag{float: right;height: 22px; line-height: 22px; padding: 0 10px; border-radius: 2px; background: #FFF5F5; color: rgba(196, 48, 39, 0.6);}
.index-zjby-scroll ul li .cont{position: relative; height: 72px;}
.index-zjby-scroll ul li .cont .pic{position: absolute; left: 0; width: 128px;}
.index-zjby-scroll ul li .cont .pic .imgratio{padding-top: 56.25%;}
.index-zjby-scroll ul li .cont .txt{margin-left: 148px;}
.index-zjby-scroll ul li .cont .txt .tit{font-size: 1.125em; margin-bottom: 10px; padding-top: 5px;}
.index-zjby-scroll ul li .cont .txt .time{color: #808080; display: none;}
.more-gdhd{position: absolute; left: 0; right: 0; bottom: 10px; z-index: 11; text-align: center;}
.more-gdhd a{position: relative; padding-right: 45px; color: #C43027; font-size: 1.125em;}
.more-gdhd a:before{content: ''; position: absolute; right: 0; top: 50%; margin-top: -17px; background: url(../images/gdhd_arrow.png) no-repeat #fff center center; background-size: 14px 13px; border: 0.87px solid #FCC7C7; width: 34px; height: 34px; border-radius: 50%; box-shadow: 0 0 5px 5px rgb(0,0,0,0.05);}

.index-tsby{position: fixed; right: 0; top: 305px; cursor: pointer; width: 90px; height: 158px; background: url(../images/index/btn_tsby.png) no-repeat; background-size: 100% 100%; z-index: 999;}
.index-tsby a{display: block; width: 100%; height: 100%;}

@media (max-width: 1500px) {
  .index-tsby{width: 70px; height: 123px;}
}
@media (max-width: 1500px) and (min-width: 1280px) {
  /* .index-zwyw-infolist li:nth-child(4){display: none;}
  .index-tzgg-infolist li:nth-child(6){display: none;} */
}
@media (max-width: 992px) {
  /* .index-toutiao .tt{font-size: 1.875em; text-align: left;}
  .index-toutiao ul li{display: block; max-width: none; width: 100%; text-align: left; margin-top: 15px; position: relative; padding-left: 15px;}
  .index-toutiao ul li + li h3:before{display: none;}
  .index-toutiao ul li + li h3{padding-left: 0; margin-left: 0;}
  .index-toutiao ul li:before{content:''; position:absolute; left:0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: rgba(255,255,255,0.6);} */
}
